<template>
  <div class="events-live">
    <Header></Header>
    <div class="banner-wrap">
      <div class="banner main-container">
        <img src="~@/assets/img/img_13_33.jpg" alt />
        <div class="content">
          <h1>在线教育</h1>
          <p>教育培训机构互动直播课堂、课程分销</p>
          <p>在线课堂 知识付费 考试练习 粉丝社区 全网拓客</p>
          <button @click="$router.push({name:'login'})">了解更多</button>
        </div>
      </div>
    </div>
    <div class="section-list">
      <div class="section section1">
        <div class="section-inner">
          <div class="section-body scrollRevealTop0">
            <div>
              <span>10万</span>分销员帮您卖课
            </div>
            <div>
              <span>20万</span>机构共同的选择
            </div>
          </div>
        </div>
      </div>
      <div class="section style1">
        <div class="section-inner">
          <div class="tit-container scrollRevealTop0">
            <div class="tit">完善的在线教育解决方案</div>
            <div class="sub-tit">拓客 运营 管理</div>
          </div>
          <div class="section-body scrollRevealTop0">
            <img src="~@/assets/img/img_3_47.png" alt />
          </div>
        </div>
      </div>

      <div class="section style1">
        <div class="section-inner">
          <div class="tit-container scrollRevealTop0">
            <div class="tit">直播课堂授课更灵活</div>
          </div>
          <div class="section-body scrollRevealTop0">
            <img src="~@/assets/img/img_3_26.png" alt />
            <p>
              大班课/公开课 收费/免费
              <br />小班课 1V1 1V16 双向视频
              <br />课件/白板/桌面共享无缝切换
              <br />投票抽奖多种课堂互动
              <br />虚拟学员带动课堂气氛
            </p>
            <button @click="$router.push({name:'login'})">了解更多</button>
          </div>
        </div>
      </div>
      <div class="section style1">
        <div class="section-inner">
          <div class="tit-container scrollRevealTop0">
            <div class="tit">录播课程形式更多样</div>
          </div>
          <div class="section-body scrollRevealTop0">
            <img src="~@/assets/img/img_3_48.png" alt />
            <p>
              图文 音频 视频多种形式
              <br />课程试看 专栏 连载促购买
              <br />自有课程+课程合作分销
            </p>
            <button @click="$router.push({name:'login'})">了解更多</button>
          </div>
        </div>
      </div>
      <div class="section style1">
        <div class="section-inner">
          <div class="tit-container scrollRevealTop0">
            <div class="tit">督学助学加强效果</div>
          </div>
          <div class="section-body scrollRevealTop0">
            <img src="~@/assets/img/img_3_5.png" alt />
            <p>
              督学打卡激励持续学习
              <br />签到积分增强学员粘性
              <br />题库考试检验学习效果
              <br />学员社区增进口碑传播
            </p>
            <button @click="$router.push({name:'login'})">了解更多</button>
          </div>
        </div>
      </div>
      <div class="section style1">
        <div class="section-inner">
          <div class="tit-container scrollRevealTop0">
            <div class="tit">线上线下教学体系融合</div>
          </div>
          <div class="section-body scrollRevealTop0">
            <img src="~@/assets/img/img_3_31.png" alt />
            <p>
              网络课程灵活应用
              <br />面授课程在线拓客
              <br />支持多机构平台模式
            </p>
            <button @click="$router.push({name:'login'})">了解更多</button>
          </div>
        </div>
      </div>
      <div class="section style1">
        <div class="section-inner">
          <div class="tit-container scrollRevealTop0">
            <div class="tit">互动营销全网推广拓客</div>
          </div>
          <div class="section-body scrollRevealTop0">
            <img src="~@/assets/img/img_3_52.png" alt />
            <p>
              微信抖音支付宝百度
              <br />构建自己的私域流量池
              <br />优惠抽奖多种促销手段
              <br />分销/拼团多款裂变玩法
              <br />跨店分销商城助力售课
            </p>
            <button @click="$router.push({name:'login'})">了解更多</button>
          </div>
        </div>
      </div>
      <div class="section style1">
        <div class="section-inner">
          <div class="tit-container scrollRevealTop0">
            <div class="tit">教辅电商轻松植入创收</div>
          </div>
          <div class="section-body scrollRevealTop0">
            <img src="~@/assets/img/img_3_49.png" alt />
            <p>
              教育与电商完美融合
              <br />同城/全国多模式商城
              <br />供应商分销商城轻松选品
              <br />自动分单不占用人力精力
            </p>
            <button @click="$router.push({name:'login'})">了解更多</button>
          </div>
        </div>
      </div>
      <div class="section style1">
        <div class="section-inner">
          <div class="tit-container scrollRevealTop0">
            <div class="tit">系统化学员管理更轻松</div>
          </div>
          <div class="section-body scrollRevealTop0">
            <img src="~@/assets/img/img_3_50.png" alt />
            <p>
              VCRM管理更精细化
              <br />积分/等级增加学员粘性
              <br />数据分析辅助经营决策
            </p>
            <button @click="$router.push({name:'login'})">了解更多</button>
          </div>
        </div>
      </div>
      <div class="section style1">
        <div class="section-inner">
          <div class="tit-container scrollRevealTop0">
            <div class="tit">海量模板让品牌更个性</div>
          </div>
          <div class="section-body scrollRevealTop0">
            <img src="~@/assets/img/img_3_51.png" alt />
            <p>
              个性模板避免同质化
              <br />拖拽式建站简单易用
              <br />网校小程序一键生成
            </p>
            <button @click="$router.push({name:'login'})">了解更多</button>
          </div>
        </div>
      </div>

      <tryOut></tryOut>
    </div>
    <Footer></Footer>
    <fixed-btn></fixed-btn>
  </div>
</template>

<script>
import Header from "@/components/header";
import Footer from "@/components/footer";
import FixedBtn from "@/components/FixedBtn";
import tryOut from "@/components/tryOut";
import common from "@/assets/js/common";
import config from "@/assets/js/config";

//import $ from "jquery";

export default {
  name: "events-live",
  mixins: [common],
  components: {
    Header,
    Footer,
    FixedBtn,
    tryOut
  },
  data() {
    return {};
  },
  methods: {}
};
</script>

<style lang="scss" scoped>
.section1 {
  background-color: #f6f9fa;
  .section-body {
    display: flex;
    justify-content: center;
    padding-top: 20px;
    > div {
      font-size: 16px;
      margin: 0 10px;
      > span {
        color: #fe8401;
        font-size: 20px;
      }
    }
  }
}
</style>
